<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		
		header{
			width: 100%;
			height: 35px;
			background-color: cornsilk;
		}
		
		main{
			overflow: hidden;
		}
		
		footer{
			width: 100%;
			height: 35px;
			background-color: yellow;
		}
		
		.container{
			width: 100%;
			float: left;
		}
		
		.center{
			
			height: 500px;
			margin: 0 200px;
			background-color: #FFC0CB;
		}
		
		.left{
			width: 200px;
			height: 31.25rem;
			background-color: lightblue;
			float: left;
			margin-left: -100%;
		}
		
		.right{
			width: 200px;
			height: 31.25rem;
			background-color: red;
			float: right;
			margin-left: -100%;
		}
		
		</style>
	</head>
	<body>
		<header></header>
		<main>
			<div class="container">
				<div class="center"></div>
			</div>
			<div class="left"></div>
			<div class="right"></div>
		</main>		
		<footer></footer>
	</body>
</html>
